<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小说,小说网,最新热门小说-起点中文网_阅文集团旗下网站</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font_rhi4aqzr31e/iconfont.css">
    <link rel="stylesheet" href="./swiper/swiper-bundle.min.css">

<body>
    <div class="page">
        <div class="content">
            <i class="home-bg"></i>
            <div class="header-keep-position">
                <header class="header">
                  <div class="btn-group">
                    <a href="#" class="logo-a">
                        <h1 class="logo">起点中文网</h1>
                    </a>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab">男生</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab">女生</a>
                        </h3>
                    </nav>
                    <div class="header-operate">
                        <a href="#" class="header-download">打开App</a>
                    </div>
                  </div>
                    <div class="header-more">
                        <div class="search-guide">
                            <i class="iconfont svg-icon icon-sousuo"></i>
                            <span>我的姑父叫朱棣</span>
                        </div>
                    </div>
                </header>
            </div>
            <div class="slider-container swiper">
                <ul class="swiper-wrapper">
                    <li class="swiper-slide"><a href="#"><img
                                src="./images/swiper4.jpg" alt=""></a></li>
                    <li class="swiper-slide"><a href="#"><img
                                src="./images/swiper1.jpg" alt=""></a></li>
                    <li class="swiper-slide"><a href="#"><img
                                src="./images/swiper2.jpg" alt=""></a></li>
                    <li class="swiper-slide"><a href="#"><img
                                src="./images/swiper3.jpg" alt=""></a></li>
                </ul>
                <div class="swiper-pagination"></div>
            </div>

            <div class="home-nav">
                <a class="guide-nav-a" href="./classify.html">
                    <img class="nav-icon" src="./images/home-nav1.png" alt="">
                    <h4 class="guide-nav-h">
                        分类
                    </h4>
                </a>
                <a class="guide-nav-a" href="./leaderboard.html">
                    <img class="nav-icon" src="./images/home-nav2.png" alt="">
                    <h4 class="guide-nav-h">
                        排行榜
                    </h4>
                </a>
                <a class="guide-nav-a" href="./free.html">
                    <img class="nav-icon" src="./images/home-nav3.png" alt="">
                    <h4 class="guide-nav-h">
                        免费
                    </h4>
                </a>
                <a class="guide-nav-a" href="./wanben.html">
                    <img class="nav-icon" src="./images/home-nav4.png" alt="">
                    <h4 class="guide-nav-h">
                        完本
                    </h4>
                </a>
                <a class="guide-nav-a" href="#">
                    <img class="nav-icon" src="./images/home-nav5.png" alt="">
                    <h4 class="guide-nav-h">
                        大神
                    </h4>
                </a>
                <a class="guide-nav-a" href="./booklist.html">
                    <img class="nav-icon" src="./images/home-nav6.png" alt="">
                    <h4 class="guide-nav-h">
                        书单
                    </h4>
                </a>
            </div>
            <a href="#" class="home-download">
                <i class="qd-logo"></i>
                <p>
                    "起点读书App"
                    <span>
                        海量好书，新人免费
                    </span>
                </p>
                <em>立即下载</em>
            </a>
            <div id="newUserMustRead" class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">
                            新人必读
                        </h2>
                        <span class="module-title-desc">
                            起点优质书单
                        </span>
                    </div>
                    <div class="module-header-r">
                        <i class="iconfont icon-shuaxin"></i>
                        <span>换一批</span>
                    </div>
                </div>
                <div class="module-user-must-read-box-container">
                    <ol class="module-user-must-read-container">
                        <li class="module-user-must-read-item-container">
                            <a href="#" class="auto-report">
                                <img src="./images/150.webp" alt="" class="module-user-must-read-img">
                                <div class="module-user-must-read-detail-container">
                                    <div class="module-user-must-read-bookname">
                                        老兵新警
                                    </div>
                                    <div class="module-user-must-read-desc">
                                        <span>现实</span>
                                        ·
                                        <span>人间百态</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="module-user-must-read-item-container">
                            <a href="#" class="auto-report">
                                <img src="./images/150.webp" alt="" class="module-user-must-read-img">
                                <div class="module-user-must-read-detail-container">
                                    <div class="module-user-must-read-bookname">
                                        老兵新警
                                    </div>
                                    <div class="module-user-must-read-desc">
                                        <span>现实</span>
                                        ·
                                        <span>人间百态</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="module-user-must-read-item-container">
                            <a href="#" class="auto-report">
                                <img src="./images/150.webp" alt="" class="module-user-must-read-img">
                                <div class="module-user-must-read-detail-container">
                                    <div class="module-user-must-read-bookname">
                                        老兵新警
                                    </div>
                                    <div class="module-user-must-read-desc">
                                        <span>现实</span>
                                        ·
                                        <span>人间百态</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li class="module-user-must-read-item-container">
                            <a href="#" class="auto-report">
                                <img src="./images/150.webp" alt="" class="module-user-must-read-img">
                                <div class="module-user-must-read-detail-container">
                                    <div class="module-user-must-read-bookname">
                                        老兵新警
                                    </div>
                                    <div class="module-user-must-read-desc">
                                        <span>现实</span>
                                        ·
                                        <span>人间百态</span>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="home-btn-line-x">
                <nav class="btn-group">
                    <h3 class="btn-group-cell2"><a href="#" class="btn-line"> 强书推荐</a></h3>
                    <h3 class="btn-group-cell2"><a href="#" class="btn-line">三江·网文新风</a> </h3>
                </nav>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">
                            畅销精选
                        </h2>
                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou"></i>
                        </a>
                    </div>
                </div>
                <div class="module-slide">
                    <ol class="book-ol">
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。
                                        他能创建分身，进入时光碎片，去往过往的岁月。
                                        一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。
                                        两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta">
                                        仙侠·74万字
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。
                                        他能创建分身，进入时光碎片，去往过往的岁月。
                                        一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。
                                        两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta">
                                        仙侠·74万字
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。他能创建分身，进入时光碎片，去往过往的岁月。一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta">
                                        仙侠·74万字
                                    </div>
                                </div>
                            </a>
                        </li>

                    </ol>
                </div>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">猜你喜欢</h2>
                        <span class="module-title-desc">根据你的阅读口味智能推荐</span>
                    </div>
                </div>
                <div class="module-slider">
                    <ol class="book-ol">
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book">
                                    你可能感兴趣的好书
                                </div>
                                <img src="./images/150 (2).webp" class="book-cover" alt="">
                                <div class="book-cell">
                                    <h4 class="book-title">我用闲书成圣人</h4>
                                    <p class="book-desc">
                                        开局一口棺材。陈洛的穿越从灵堂开始。这是一个读书就能获得超凡威力的世界。读儒门经典，可养浩然正气；读道门典藏，可生先天源炁；读佛门经文，可悟轮回真意；偏偏陈洛的金手指却是一堆天道都不允许在这个世界出现的闲书！……什么？《聊斋》被妖国当做天书？什么？《天龙八部》打开了武学天地？别慌别慌，都是小场面！这位儒生，虎将如云、谋臣如雨的《三国演义》听过吗？那位道士，《封神演义》看过没有？你们道家在里面老牛了！哎，高僧请留步，我这里还有一本《西游记》，你感兴趣吗？……经史子集天上道，说书演义人间貌。你炼阳神他修佛，红尘有我向天笑。
                                    </p>
                                    <div class="book-meta">
                                        仙侠·393万字
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book">
                                    为你精心挑选的优质作品
                                </div>
                                <img src="./images/150 (3).webp" class="book-cover" alt="">
                                <div class="book-cell">
                                    <h4 class="book-title">黜龙</h4>
                                    <p class="book-desc">
                                        此方天地有龙。龙形百态，不一而足，或游于江海，或翔于高山，或藏于九幽，或腾于云间。一旦奋起，便可吞风降雪，引江划河，落雷喷火，分山避海。此处人间也有龙。人中之龙，胸怀大志，腹有良谋，有包藏宇宙之机，吞吐天地之志。一时机发，便可翻云覆雨，决势分野，定鼎问道，证位成龙。作为一个迷路的穿越者，张行一开始也想成龙，但后来，他发现这个行当卷的太厉害了，就决定改行，去黜落群龙。所谓行尽天下路，使天地处处通，黜遍天下龙，使世间人人可为龙。这是一个老套的穿越故事。
                                    </p>
                                    <div class="book-meta">
                                        历史·220万字
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book">
                                    万千书友喜欢的精品佳作
                                </div>
                                <img src="./images/150 (4).webp" class="book-cover" alt="">
                                <div class="book-cell">
                                    <h4 class="book-title">序列玩家</h4>
                                    <p class="book-desc">
                                        致【玩家】：这是生命的奥秘，是万物的征途。你们会更强，成为超级英雄，甚至触摸神灵的权柄。但若是失败，就是死亡。因为你们已经踏上了最高序列的进化游戏！“这可不是就是在为难达尔文？”李长河看着远处踏空而来的【玩家】呢喃着：“还顺带为难了牛顿。”热血流不喜勿喷
                                    </p>
                                    <div class="book-meta">
                                        悬疑·337万字
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ol>
                    <div class="guessUserLikeRefreshContainer" style="text-align: center;">
                        <i class="iconfont icon-sousuo"></i>
                        <span class="auto-report">换一批</span>
                    </div>
                </div>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">限时免费</h2>

                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou"></i>
                        </a>
                    </div>
                </div>
                <div class="module-slider">
                    <ol class="module-slide-ol">
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <span class="corner"><em>限免</em></span>
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">排行榜</h2>
                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou"></i>
                        </a>
                    </div>
                </div>
                <div class="module-tab">
                    <nav class="btn-group2">
                        <h3 class="btn-group-cell">
                            <a href="#" class=" btn-tab-cell">畅销榜</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class=" btn-tab-cell">风云榜</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class=" btn-tab-cell">签约榜</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class=" btn-tab-cell">推销榜</a>
                        </h3>
                    </nav>
                </div>
                <div class="module-slider">
                    <ol class="module-slide-ol">
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (6).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">灵境行者</div>
                                <p class="module-slide-author">卖报小郎君</p>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">分类推荐</h2>
                        <span class="module-title-desc">频道主编推荐</span>
                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou" ></i>
                        </a>
                    </div>
                </div>
                <div class="module-tab">
                    <nav class="btn-group2">
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">玄幻奇幻</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">武侠仙侠</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">都市职场</a>
                        </h3>
                    </nav>
                </div>
                <div class="module-slide">
                    <ol class="module-slide-ol">
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                    </ol>
                </div>
                <div class="module-tab">
                    <nav class="btn-group2">
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">历史军事</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">游戏体育</a>
                        </h3>
                        <h3 class="btn-group-cell">
                            <a href="#" class="btn-tab-cell">科幻悬疑</a>
                        </h3>
                    </nav>
                </div>
                <div class="module-slide">
                    <ol class="module-slide-ol">
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class="module-slide-a">
                                <img src="./images/150 (7).webp" alt="" class="module-slide-img">
                                <div class="module-slide-caption">光阴之主！</div>
                                <p class="module-slide-author">鱼儿小小</p>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="home-pure-ad">
                <a href="#" class="module-ad">
                    <img src="./images/ad.jpg" alt="">
                </a>
            </div>
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">新书抢先</h2>
                        <span class="module-title-desc">24小时热销新书</span>
                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou"></i>
                        </a>
                    </div>
                </div>
                <div class="module-slide">
                    <ol class="book-ol">
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。
                                        他能创建分身，进入时光碎片，去往过往的岁月。
                                        一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。
                                        两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta2">
                                        <div class="book-meta-l iconfont icon-yonghu" style="font-size:.4063rem ;">
                                            文超公
                                        </div>
                                        <div class="book-meta-r">
                                            <span class="book-tag-small">
                                                <em class="tag-small gray">仙侠</em>
                                                <em class="tag-small red">连载中</em>
                                                <em class="tag-small blue">93万字</em>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。
                                        他能创建分身，进入时光碎片，去往过往的岁月。
                                        一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。
                                        两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta2">
                                        <div class="book-meta-l iconfont icon-yonghu" style="font-size:.4063rem ;">
                                            文超公
                                        </div>
                                        <div class="book-meta-r">
                                            <span class="book-tag-small">
                                                <em class="tag-small gray">仙侠</em>
                                                <em class="tag-small red">连载中</em>
                                                <em class="tag-small blue">93万字</em>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="guess-user-like-book-layout">
                                <div class="guess-user-like-familier-book"></div>
                                <img src="./images/150 (1).webp" alt="" class="book-cover">
                                <div class="book-cell">
                                    <h4 class="book-title">前世成真，我的前世被挖出来了</h4>
                                    <p class="book-desc">
                                        李道尘带着一块时光碎片，来到新的世界。
                                        他能创建分身，进入时光碎片，去往过往的岁月。
                                        一千年前，他与燕赤霞论剑，被尊为天下第一剑仙。
                                        两千年前，他曾坐观剑仙满天飞，大破血魔，为剑仙收敛尸骸，守护日月金
                                    </p>
                                    <div class="book-meta2">
                                        <div class="book-meta-l iconfont icon-yonghu" style="font-size:.4063rem ;">
                                            文超公
                                        </div>
                                        <div class="book-meta-r">
                                            <span class="book-tag-small">
                                                <em class="tag-small gray">仙侠</em>
                                                <em class="tag-small red">连载中</em>
                                                <em class="tag-small blue">93万字</em>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            
            <div class="module">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">限时免费</h2>

                    </div>
                    <div class="module-header-r">
                        <a href="#" class="module-header-btn">
                            <span>更多</span>
                            <i class="iconfont icon-xiangyoujiantou"></i>
                        </a>
                    </div>
                </div>
                <div class="module-slider">
                    <ol class="module-slide-ol">
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                               
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                        <li class="module-slide-li">
                            <a href="#" class=" module-slide-a">
                                <img src="./images/150 (5).webp" class="module-slide-img" alt="">
                                <div class="module-slide-caption">我在四合院有个家</div>
                                <p class="module-slide-author">海螺的曹阿蛮</p>
                            </a>
                        </li>
                    </ol>
                </div>
            </div>
            <div class="module clearfix">
                <div class="module-header clearfix">
                    <div class="module-header-l">
                        <h2 class="module-title">精选专题</h2>
                    </div>
                    <div class="module-field clearfix">
                        <a href="#" class="module-field-cell">
                            <img src="./images/biaoti.jpeg" alt="" class="img1">
                        </a>
                        <a href="#" class="module-field-cell">
                            <img src="./images/biaoti.jpeg" alt="" class="img1">
                        </a>
                        <a href="#" class="module-field-cell">
                            <img src="./images/biaoti.jpeg" alt="" class="img1">
                        </a>
                        <a href="#" class="module-field-cell">
                            <img src="./images/biaoti.jpeg" alt="" class="img1">
                        </a>
                    </div>
                </div>
                
            
            </div>
            
        </div>
    </div>
   <div class="login">
                    登录后获得更多特色功能 <span class="dian"> · </span> <span class="span-login"><a href="#">立即登录</a></span>
            </div>
    <footer class="footer">
        <div class="footer-link">
            <a href="#"><img src="./images/QQicon.png" alt=""> QQ阅读</a>
            <a href="#"><img src="./images/redicon.png" alt=""> 红袖添香</a>
        </div>
        <div class="footer-link">
            <a href="#">客户端</a>
            <a href="#" style="color: black;">触屏版</a>
            <a href="#">帮助与客服</a>
            <a href="#">搜索</a>
        </div>
        
        <div class="f_text">
            <p class="footer-p">网站备案/许可证号：沪B2-2008046-1</p>
        <p class="footer-p">互联网宗教信息服务许可证 编号：沪（2022）0000022</p>
        <p class="footer-p">copyright © 2002-2023 m.qidian.com</p>
        </div>
    </footer>
    <div class="footer-nav">
        <a href="#" class="iconfont icon-shelf">书架</a>
        <a href="#" class="iconfont icon-yonghu">账户</a>
    </div>
<script src="./swiper/swiper-bundle.min.js"></script>
 <script>
            var swiper = new Swiper(".swiper", {
                pagination: {
                    el: ".swiper-pagination",
                    clickable: true,
                },
            });
        </script>
</body>

</html>
